<ion-view title="更改亲属信息">
    <ion-content>
        <div class="item item-divider" style="line-height: 31px;">
            更正亲属关系
            <button ng-click="save()" class="button button-small button-positive" style="float: right;">保存</button>
        </div>


        <div>
            <div class="item item-input-inset" style="width: 100%;height: 50px;background:white;line-height:50px;font-size: 18px;">
                <label class="item-input-wrapper">
                    <input type="text" placeholder="请选择亲属关系" ng-model="vm.name"><br/>
                </label>
            </div>
        </div>

        <div style="background: #e9edee;width: 100%;height: 33px;line-height:33px;margin-left: 2px;">
            <p>若下列中没有您要的,您可以自行输入!</p>
        </div>


        <div style="width: 100%;background: white;height: 160px;">
            <table style="width: 100%;height: 45px;background:white;line-height:45px;font-size: 14px;margin-top: 25px;">
                <tr>
                    <td style="width: 25%;float: left;margin-left: 65px;">
                        <button class="button button-small button-outline button-dark" style="font-size: 17px; " ng-click="vm.test('爸爸')">爸爸</button>
                    </td>
                    <td style="width: 25%;float: left;">
                        <button class="button button-small button-outline button-dark" style="font-size: 17px;" ng-click="vm.test('妈妈')">妈妈</button>
                    </td>
                    <td style="width: 28%;float: right;margin-right: 10px;">
                        <button class="button button-small button-outline button-dark" style="font-size: 17px; " ng-click="vm.test('爷爷')">爷爷</button>
                    </td>
                </tr>
                <tr>
                    <td style="width: 25%;float: left;margin-left: 65px;">
                        <button class="button button-small button-outline button-dark" style="font-size: 17px; " ng-click="vm.test('奶奶')">奶奶</button>
                    </td>
                    <td style="width: 28%;float: right;margin-right: 10px;">
                        <button class="button button-small button-outline button-dark" style="font-size: 17px; " ng-click="vm.test('伯伯')">伯伯</button>
                    </td>
                    <td style="width: 25%;float: left;">
                        <button class="button button-small button-outline button-dark" style="font-size: 17px;" ng-click="vm.test('叔叔')">叔叔</button>
                    </td>
                </tr>
                <tr>
                    <td style="width: 25%;float: left;margin-left: 65px;">
                        <button class="button button-small button-outline button-dark" style="font-size: 17px; " ng-click="vm.test('阿姨')">阿姨</button>
                    </td>
                    <td style="width: 25%;float: left;">
                        <button class="button button-small button-outline button-dark" style="font-size: 17px;" ng-click="vm.test('姐姐')">姐姐</button>
                    </td>
                    <td style="width: 28%;float: right;margin-right: 10px;">
                        <button class="button button-small button-outline button-dark" style="font-size: 17px; " ng-click="vm.test('哥哥')">哥哥</button>
                    </td>
                </tr>
            </table>
        </div>
        <div class="item item-divider" style="line-height: 25px;">
            亲友团
        </div>
        <div>
            <div class="row row-wrap">
                <div class="col col-50" ng-repeat="item in vm.familyInfo track by $index">
                    <div class="card card-facebook margin-0">
                        <div class="item item-avatar-center">
                            <img ng-src="{{item.avatarPath}}">
                            <h2 class="ng-binding" style="font-size: 14px;">{{item.memberName}}:{{item.memberRelType}}</h2>
                        </div>
                    </div>
                </div>
            </div>
            <div class="load-more-btn" style="text-align: center;" ng-click="loadMoreEntrust()">
                <p>{{vm.loadMoreBtnStr}}</p>
            </div>
        </div>
    </ion-content>
</ion-view>